<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://cdn.bootcss.com/jsSHA/2.3.1/sha.js"></script>
<script type="text/javascript" src="/resource/jquery/jquery-3.4.1.js"></script>

</head>
<body>
	<!-- 1、	实现一个文本区域框（textarea）、一个按钮、一个div，在文本框输入一段文字，点击按钮，加密后的密文显示到div中。 -->
	<input id="myinput" >
	<div id="mydiv">
		
	</div>
	<button type="button" onclick="jiami()">加密</button>

<script type="text/javascript">
function jiami(){
	var sha = new jsSHA(
		"SHA-1","TEXT",{numRounds:1}		
	);
	
	sha.update($("#myinput").val());
	// 16 位摘要
	var v=sha.getHash("HEX");
	$("#mydiv").val(v)
	
}
</script>
</body>

</html>